Summit.UI.Widget.Button_Box = function()
{
	var self = this;

	this.el = {};
	this.el.table = new Element('table',{
		'class':'forumline',
		'styles':{
			'width':'100%'
		}
	});
	
	this.el.tr = new Element('tr',{'class':'row2'}).injectInside(this.el.table);
	this.buttons = new Array();
	
	this.addButton = function(title, action)
	{
		var newButton = new Element('td',{'styles':{'font-size':'110%','font-weight':'600','text-align':'center','cursor':'pointer'}}).setHTML(title).injectInside(self.el.tr);
		newButton.fx = new Fx.Styles(newButton, {duration: 250,	wait: false, transition: Fx.Transitions.Quad.easeOut});
		
		newButton.set({
			'events':{
				'click':function(event){
					action(event);
				},
				'mouseover':function(event){
					
					if(!this.origBGColor)
					this.origBGColor = this.getStyle('background-color');
					
					
					this.fx.start({
						'background-color':'#696969'
					})
					
				},
				'mouseout':function(event){
					
					this.fx.start({
						'background-color':this.origBGColor
					})
					
				}
			}
		})
		
		self.buttons.push(newButton)
		
		return newButton;
	}
	
	this.injectInside = function(parent)
	{
		self.buttons.each(function(button,i){
			button.style.width = Math.floor(100/self.buttons.length) +"%";
		})
		
		
		self.el.table.injectInside(parent);
	}
}